<template>
    <div class="back_contain_n DataCopy">
        <div class="data_bg_img">
            <img src="@/assets/back_manage_img/data_bg1.png" alt="">
        </div>
        <!-- table -->
        <sys-table :isMultipleSelection="false" class="data_bg_table"
            :tableData="tableData"
            :tableLoading="tableLoading"
            :tableHeader="tableHeader"
            :scopeWidth="120"
            :isOperate="false"
        ></sys-table>
    </div>
</template>

<script>
export default {
    data() {
        return {
			tableLoading: true, //table刷新
			tableData: [],
			tableHeader: [],
        };
    },
    methods: {
		getList() {
			let self = this;
			this.tableLoading = true;
			this.tableData = [];
			self.$http({
				url: "/jinl/dbBack/queryDbBackList",
				method: "post",
			}).then(resp => {
				if (resp.success) {
					self.tableHeader = [
						{columnValue: "backName", columnName: "文件名称"},
						{columnValue: "backSize", columnName: "大小(Kb)", isSortable: true},
						{columnValue: "backTime", columnName: "备份日期",isSortable: true},
						{columnValue: "backStatusCn", columnName: "备份状态"},
						{columnValue: "createTimeFt", columnName: "完成时间", isSortable: true}
					];
					self.tableData = resp.result;
				}
				this.tableLoading = false;
			});
		},
    },
    mounted() {
        this.getList(); //显示table
    },
};
</script>

<style lang="scss" scoped>
@import "@/style/SearchTop.scss";
.DataCopy {
    display: flex;flex-direction: column;
	.data_bg_img {
        margin-bottom: 15px;
        img {
            width: 100%;
            height: 150px;
        }
    }
    .data_bg_table {
        width: 100%;
    }
}
</style>
